*{
	margin: 0;
	padding: 0;
}

body{
	background-color: azure;
}

.place{
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
			
.d1{
	display: flex;
}

.face{
	width: 100px;
	height: 100px;
	border-radius: 20px;
	display: flex;
	background-color: grey;
	border: snow solid 2px;
}

.f1{
	justify-content: center;
	align-items: center;
}

.f2{
	justify-content: space-evenly;
	align-items: center;
}

.f3{
	box-sizing: border-box;
	padding: 15px;
}

.f3>*{
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}

.f3>div:nth-child(1){
	align-items: flex-start;
}
.f3>div:nth-child(2){
	align-items: center;
}
.f3>div:nth-child(3){
	align-items: flex-end;
}

.f4{
	box-sizing: border-box;
	padding: 15px;
}

.f4>*{
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.f5{
	flex-direction: column;
	box-sizing: border-box;
	padding: 18px 10px;
}

.f5>*{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-grow: 1;
}
.f5>div:nth-child(1){
	algin-items: center;
}

.f6{
	box-sizing: border-box;
	padding: 8px;
}

.f6>*{
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.circle{
	height: 15px;
	width: 15px;
	border: snow solid 1px;
	background: snow;
	border-radius: 50%;
}	